<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="fonts/stylesheet.css">
    <title>Peace</title>
</head>
<body>
    <div class="hero">
        <div class="hero-container">
            <header class="header">
                <a href="#" class="logo">
                    <img src="img/logo.png" alt="Logo" class="logo-img"></a>
                <ul class="header-menu">
                    <li class="header-list-item active">Home</li>
                    <li class="header-list-item">Client Registration</li>
                    <li class="header-list-item">Advisors</li>
                    <li class="header-list-item">Register as an Advisor</li>
                </ul>
            </header>
            <!-- /.header -->
            <div class="hero-img-block">
                <img src="img/hero-img-block.png" alt="Find Youre Peace">
            </div>
            <!-- /.hero-img-block -->
        </div>
        <!-- /.hero-container -->
    </div>
    <!-- hero -->
    <div class="promo">
        <div class="promo-container">
            <h1 class="promo-title">Find Your Best Psychic Advisor</h1>
        </div>
        <!-- /.promo-container -->
    </div>
    <!-- /.promo -->
    <div class="oracle">
        <h2 class="oracle-title">WHY Private Oracle?</h2>
        <div class="oracle-container">
            <div class="oracle-column">
                <img src="img/icon.svg" alt="Messege" class="oracle-image">
                <h3 class="oracle-column-title">Best Online Psychics</h3>
                <p class="oracle-column-text">The quality of our psychic mediums
                    is unmatched.
                    Applicants must go through a rigorous screening process and
                    an intensive
                    background search, which means you can be sure that our team
                    of gifted
                    psychic advisors is the very best of the best.</p>
            </div>
            <!-- /.oracle-column -->
            <div class="oracle-column">
                <img src="img/icon.svg" alt="Messege" class="oracle-image">
                <h3 class="oracle-column-title">Real Psychic Reviews</h3>
                <p class="oracle-column-text">Did you know that all of our
                    psychic reviews are
                    testimonials from actual clients? Read about the positive
                    experiences of
                    others and treat yourself to a psychic reading with one of
                    our accurate
                    psychic advisors.</p>
            </div>
            <!-- /.oracle-column -->
            <div class="oracle-column">
                <img src="img/icon.svg" alt="Messege" class="oracle-image">
                <h3 class="oracle-column-title">Satisfaction Guaranteed</h3>
                <p class="oracle-column-text">We've delivered over 5 million
                    discreet and
                    confidential psychic readings since 1995, and we're here for
                    you 24/7/365. A
                    powerful psychic connection is just a call away. Plus, if
                    it's not the very
                    best psychic reading you've ever had, it's FREE!</p>
            </div>
            <!-- /.oracle-column -->
        </div>
        <!-- /.oracle-container -->
    </div>
    <!-- /.oracle -->
    <div class="faq">
        <div class="faq-container">
            <h2 class="faq-title">Love, Relationship, and Life FAQs</h2>
            <p class="faq-text">You've finally decided to take the leap and talk
                to a
                psychic (great!), but perhaps you're still feeling a bit
                confused about
                online readings, whether or not they are safe, or how to choose
                the best
                Keen psychic to meet your needs. We're here to put your mind at
                ease so that
                you can get the most out of your reading - every single time.
            </p>
            <div class="faq-links">
                <div class="faq-links-left">
                    <a href="#" class="faq-link">How do I know someone is
                        thinking about me?</a>
                    <a href="#" class="faq-link">How do I get through a breakup?
                    </a>
                    <a href="#" class="faq-link">How do I get the best
                        reading?</a>
                </div>
                <!-- /.faq-links-left -->
                <div class="faq-links-right">
                    <a href="#" class="faq-link">What do I need to know before
                        my first reading?</a>
                    <a href="#" class="faq-link">What are the different types of
                        psychic
                        readings?</a>
                    <a href="#" class="faq-link">How can I start a reading for
                        free?</a>
                </div>
                <!-- /.faq-links-right -->
            </div>
            <!-- /.faq-links -->
        </div>
        <!-- /.faq-container -->
    </div>
    <!-- /.faq -->
    <footer class="footer">
        <div class="footer-container">
            <div class="footer-left">
                <div class="logo-container">
                    <img src="img/logo-footer.svg" alt="Logo" class="logo">
                    <div class="footer-desc">
                        <h2 class="logo-footer-title">Private Oracle</h2>
                        <a href="#"
                            class="logo-footer-link">www.privateoracle.com</a>
                    </div>
                </div>
                <span class="logo-footer-copyright">Copyright © 2021
                    · Private
                    Oracle ·</span>
                <div class="footer-terms">
                    <a href="#" class="footer-terms-link">Privacy Policy</a>
                    <a href="#" class="footer-terms-link">Terms and
                        Conditions</a>
                    <a href="#" class="footer-terms-link">Contact Us</a>
                </div>
            </div>
            <!-- /.footer-left -->
            <div class="footer-right">
                <h2 class="footer-right-title">Keep In Touch</h2>
                <div class="footer-right-links">
                    <a href="#" class="footer-right-link"><img
                            src="img/youtube.svg" alt=""
                            class="footer-right-image"></a>
                    <a href="#" class="footer-right-link"><img
                            src="img/github.svg" alt=""
                            class="footer-right-image"></a>
                    <a href="#" class="footer-right-link"><img
                            src="img/pinterest.svg" alt=""
                            class="footer-right-image"></a>
                </div>
                <p class="footer-right-text">You must be of legal adult age as
                    per
                    your country’s
                    requirements to use this service. Please note this service
                    is
                    for
                    entertainment purposes only, you are responsible for all
                    your
                    life decision.
                </p>
            </div>
            <!-- /.footer-right -->
        </div>
        <!-- /.footer-container -->
    </footer>
    <!-- /.footer -->
</body>
</html>